@import "./_default";
@import "./_minix";
//list.vue
.content {
    padding-top: 50px;
}
.msg-list {
    position: relative;
    padding: 1rem;
    .msg-item {
        margin-bottom: 1.5rem;
        padding: 1rem;
        box-shadow: 0 2px 10px rgba(204, 204, 204, 0.4);
        @include display(flex);
        @include size(10rem);
        .item-img {
            @include size($maxW: 40%, $minW:40%);
            img {
                @include size(100%, 100%);
            }
        }
        .item-right {
            position: relative;
            margin-left: 1rem;
            @include display(flex, space-between, column);
            @include flex(1);
            h3 {
                @include textBreak(2);
                @include font(1.4rem, rgba(71, 69, 70, 1), $fontW: 500);
            }
            .item-desc {
                @include textBreak(2);
                @include font(1.2rem, rgba(155, 155, 155, 1))
            }
            span {
                @include font(1.2rem, rgba(155, 155, 155, 1), right)
            }
        }
    }
}
// detail.vue
.article-wrap {
    position: relative;
    padding: 1rem;
    .article-title {
        padding: 1rem;
        color: rgba(71, 69, 70, 1);
        @include font(1.8rem, $align: center);
    }
    .article {
        color: rgba(155, 155, 155, 1);
        p {
            @include font(1.4rem, $lineH: 1.8rem);
            img {
                max-width: 100% !important;
            }
        }
        img {
            max-width: 100% !important;
        }
    }
    .time {
        margin-top: 2rem;
        @include font(1.6rem, rgba(155, 155, 155, 1), right)
    }
}